<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>订单列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.css"/>
    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/plugin/datetimepicker/datetimepicker.min.css"/>

    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.ie6.css"/>
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/ie.css"/>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="../bootstrap-custom/css/bootstrap-1206.fix.css"/>
    <link rel="stylesheet" type="text/css" href="../css/supplier.css"/>

</head>

<body>
<!-- 用 JS 设置页面的导航菜单 -->
<script>
    window.bz_set_nav_status = []; // 用于设置导航栏状态的数组，里面是很多设置 function()
</script>
<!-- /用 JS 设置页面的导航菜单 -->

<!-- 顶部导航菜单 -->
<div id="system_top_navbar" class="navbar navbar-static-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="brand" href="#">棒主妇</a>
            <ul class="nav">
                <li class="active"><a href="#">账号[罗莱家纺]</a></li>
                <li><a href="#">商品管理</a></li>
                <li><a href="#">订单管理</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- /顶部导航菜单 -->

<!-- 信息提示区 -->
<div id="flash_message_panel" class="container" style="margin-top:10px;margin-bottom:0px;">
    <div class="alert alert-error">
        <button type="button" class="close" data-dismiss="alert">
            &times;
        </button>
        <div class="flashMessage">
            <strong>注意：</strong> 这里是消息通知区
        </div>
    </div>
</div>
<!-- 信息提示区 -->

<!-- main_body -->
<div id="main_body" class="container">

<!-- ====================================== 这里是页面的主体内容 ============================================ -->

<div class="row bz_basic_content_block bz_box_shadow" style="padding:10px 10px 10px 10px;">

<!-- 页面上方导航条 -->
<div class="row">
    <ul class="nav nav-tabs">
        <li class="dropdown active">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">订单列表<b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">未发货订单</a></li>
                <li><a href="#">付款订单</a></li>
                <li><a href="#">退款订单</a></li>
                <li class="divider"></li>
                <li><a href="#">批量下载订单</a></li>
                <li><a href="#">批量上传快递</a></li>
            </ul>
        </li>
    </ul>
</div>
<!-- /页面上方导航条 -->


<!-- 页面主体内容 -->
<div class="row">

    <h4>全部订单</h4>

    <!-- 这里是条件筛选区 -->
    <div class="row well well-small">
        <form class="form-horizontal form-horizontal-inline" method="GET" style="margin: 0px 0px 0px 0px;">

            <div class="control-group" style="padding-top:3px; padding-bottom:3px;">
                <div class="controls">
                    <span class="input-label">订单ID</span>
                    <input class="span2" type="text" pattern="[0-9]*" data-validation-pattern-message="订单ID应该是全数字"
                           name="order_id"/>
                    <span class="input-label">商品ID</span>
                    <input class="span2" type="text" pattern="[0-9]*" data-validation-pattern-message="商品ID应该是全数字"
                           name="goods_id"/>
                    <span class="input-label">客服备注</span>
                    <input class="span2" type="text" name="postscript"/>
                </div>
            </div>

            <div class="control-group" style="padding-top:3px; padding-bottom:3px;">
                <div class="controls">
                    <span class="input-label">收货人</span>
                    <input class="span2" type="text" name="consignee"/>
                    <span class="input-label">手机号</span>
                    <input class="span2" type="text" pattern="1([0-9]{10})" data-validation-pattern-message="手机号码格式不正确"
                           name="mobile"/>
                    <span class="input-label">收货地址</span>
                    <input class="span2" type="text" name="address"/>
                </div>
            </div>

            <div class="control-group" style="padding-top:3px; padding-bottom:3px;">
                <div class="controls">
                    <span class="input-label">用户备注</span>
                    <input class="span6" type="text" name="postscript"/>
                </div>
            </div>

            <div class="control-group" style="padding-top:3px; padding-bottom:3px;">
                <div class="controls">
                    <span class="input-label">下单时间</span>

                    <div class="input-append date datetimepicker">
                        <input class="span2" type="text" name="add_time_start"/>
                                        <span class="add-on">
                                            <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                                        </span>
                    </div>
                    <span style="float:left;margin-left: 5px;margin-right: 5px;">--</span>

                    <div class="input-append date datetimepicker">
                        <input class="span2" type="text" name="add_time_end"/>
                                        <span class="add-on">
                                            <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                                        </span>
                    </div>
                </div>
            </div>

            <div class="control-group" style="padding-top:3px; padding-bottom:3px;">
                <div class="controls">
                    <span class="input-label">付款时间</span>

                    <div class="input-append date datetimepicker">
                        <input class="span2" type="text" name="pay_time_start"/>
                                        <span class="add-on">
                                            <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                                        </span>
                    </div>
                    <span style="float:left;margin-left: 5px;margin-right: 5px;">--</span>

                    <div class="input-append date datetimepicker">
                        <input class="span2" type="text" name="pay_time_end"/>
                        <span class="add-on">
                            <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                        </span>
                    </div>
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success">查询</button>
                </div>
            </div>

        </form>
    </div>
    <!-- /这里是条件筛选区 -->

    <!-- 订单列表 -->
    <table class="table table-bordered table-hover">
        <thead>
        <tr>
            <th width="7%">订单号</th>
            <th width="30%">商品名称</th>
            <th>购买用户</th>
            <th width="8%">商品选项</th>
            <th width="7%">购买数量</th>
            <th width="7%">订单金额</th>
            <th width="7%">订单状态</th>
            <th width="10%">物流快递</th>
            <th width="5%">操作</th>
        </tr>
        </thead>
        <tbody>

        <!-- 一个订单 -->
        <tr>
            <td>2000000-2000000</td>
            <td>【全国包邮】仅99元！原价368元的 艾尔兰尼 超柔春秋被子 棉被 正品春秋被系列/加厚型春秋被、冬被-两色可选，温暖厚实柔软贴身，透气性强，给你最温暖细致的呵护，物美价廉的不二选择！</td>
            <td>214CD576A3FA171403785135A
                sitetuan
            </td>
            <td>白色，1.8米大床，欧式风格</td>
            <td>10</td>
            <td class="price">1000</td>
            <td>已确认，已付款</td>
            <td>中通速递：10000000000000<a href="#" target="_blank" class="btn btn-small">查看</a></td>
            <td>
                <button type="button" class="btn btn-small" onclick='jQuery("#order_detail_dialog").modal()'>订单详情
                </button>
            </td>
        </tr>
        <!-- /一个订单 -->

        </tbody>
    </table>
    <!-- /订单列表 -->

    <!-- 分页 -->
    <div class="pagination pagination-right">
        <ul>
            <li>
                <a href="#">首页</a>
            </li>
            <li class="active">
                <a href="#">1</a>
            </li>
            <li>
                <a href="#">2</a>
            </li>
            <li>
                <a href="#">3</a>
            </li>
            <li>
                <a href="#">4</a>
            </li>
            <li>
                <a href="#">末页</a>
            </li>
        </ul>
    </div>
    <!-- 分页 -->

</div>
<!-- /页面主体内容 -->

<!-- 订单详情对话框 -->
<div id="order_detail_dialog" class="modal hide fade">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
            &times;
        </button>
        <h3>订单详情</h3>
    </div>
    <div class="modal-body">

        <!-- 错误警告 -->
        <div id="order_detail_error" class="row" style="text-align: center;font-weight: bold;">
            <label class="label label-important">错误：</label>读取订单详情错误
        </div>
        <!-- /错误警告 -->

        <!-- 订单详情 -->
        <div class="row">
            <table class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th width="20%">&nbsp;</th>
                    <th>&nbsp;</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="labelkey">订单号</td>
                    <td id="order_detail_order_id" class="labelvalue">20000-20000</td>
                </tr>
                <tr>
                    <td class="labelkey">用户信息</td>
                    <td id="order_detail_userinfo" class="labelvalue">214CD576A3FA171403785135A</td>
                </tr>
                <tr>
                    <td class="labelkey">商品名称</td>
                    <td id="order_detail_goods_name" class="labelvalue">邮费差价，详情点此进入！</td>
                </tr>
                <tr>
                    <td class="labelkey">购买数量</td>
                    <td id="order_detail_goods_number" class="labelvalue">10</td>
                </tr>
                <tr>
                    <td class="labelkey">订单状态</td>
                    <td id="order_detail_order_status" class="labelvalue">已确认、已付款</td>
                </tr>
                <tr>
                    <td class="labelkey">付款明细</td>
                    <td id="order_detail_pay_detail" class="labelvalue">余额支付 0 元 网银支付 10 元</td>
                </tr>
                <tr>
                    <td class="labelkey">下单时间</td>
                    <td class="labelvalue">
                        <span id="order_detail_add_time">2012-12-04 17:31:40</span>|
                        <span id="order_detail_pay_time">2012-12-04 17:31:40</span>
                    </td>
                </tr>
                <tr>
                    <td class="labelkey">退款时间</td>
                    <td class="labelvalue">
                        <span id="order_detail_ask_refund_time">2012-12-04 17:31:40</span>|
                        <span id="order_detail_refund_time">2012-12-04 17:31:40</span>
                    </td>
                </tr>
                <tr>
                    <td class="labelkey">操作人</td>
                    <td id="order_detail_operator" class="labelvalue">admin</td>
                </tr>

                <!-- 分割符 -->
                <tr>
                    <td colspan="2" class="well well-small">&nbsp;</td>
                </tr>
                <!-- /分割符 -->

                <tr>
                    <td class="labelkey">收件人</td>
                    <td id="order_detail_consignee" class="labelvalue">曲亚杰</td>
                </tr>
                <tr>
                    <td class="labelkey">手机号</td>
                    <td id="order_detail_mobile" class="labelvalue">13239518616</td>
                </tr>
                <tr>
                    <td class="labelkey">收件地址</td>
                    <td id="order_detail_address" class="labelvalue">宁夏银川西夏区丽子家园B区物业管理处</td>
                </tr>
                <tr>
                    <td class="labelkey">用户留言</td>
                    <td id="order_detail_postscript" class="labelvalue">这里是用户留言</td>
                </tr>
                <tr>
                    <td class="labelkey">快递信息</td>
                    <td class="labelvalue">
                        <select class="span2" id="order_detail_shipping_name">
                            <option value="0">请选择快递</option>
                            <option value="1">顺风速递</option>
                            <option value="2">圆通快递</option>
                        </select><br/>
                        快递单号：<input class="span2" id="order_detail_shipping_no"/>&nbsp;&nbsp;
                        <button type="button" class="btn btn-small">确定</button>
                        <a target="_blank" class="btn btn-small">查看</a><br/>
                        <span id="order_detail_set_shipping_message" style="color:red;">操作中...</span>
                    </td>
                </tr>
                <tr>
                    <td class="labelkey">备忘记录</td>
                    <td id="order_detail_remark" class="labelvalue">这里是备忘记录</td>
                </tr>
                </tbody>
            </table>
        </div>
        <!-- /订单详情 -->
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-success" data-dismiss="modal">关闭</a>
    </div>
</div>
<!-- 订单详情对话框 -->

</div>

<!-- ====================================== /这里是页面的主体内容 ============================================ -->

</div>
<!-- /main_body -->

<script type="text/javascript" src="../bootstrap-custom/js/json2.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/jstorage.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/bootstrap.ie.js"></script>
<script type="text/javascript" src="../bootstrap-custom/js/validator.js"></script>
<script type="text/javascript" src="../bootstrap-custom/plugin/datetimepicker/datetimepicker.min.js"></script>
<script type="text/javascript" src="../bootstrap-custom/plugin/dirtyform/jquery.are-you-sure.js"></script>
<script type="text/javascript" src="../js/supplier.js"></script>

<!--[if lte IE 9]>
<script type="text/javascript" src="../bootstrap-custom/js/iefix.js"></script>
<![endif]-->

</body>
</html>